<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>寻ta千百度-感谢信</title>
    <script type="text/javascript" src="js/jquery-3.3.0.js" ></script>
    <link type="text/css" rel="stylesheet" href="css/xunwu.css"/>
    <style>
        .kong{
            height: 30px;
        }
        .error{
            color: red;
        }
    </style>
</head>
<body>
    <div id="settled"></div>

    <div id="content">
        <div style="width: 100%; height: 30px; border-bottom: #DEDEDE 2px solid; background: url(img/span_bg.bmp) repeat-x;">
            <img src="img/未标题-1.png" style="width: 20px;height: 20px;margin-top: 5px;float: left;"/>
            <span style="font-weight: 100;font-size: 16px;color:#1E7ACE; line-height: 30px;">发布感谢</span>
        </div>

        <div style="width: 85%; margin: 0 auto; text-align: center; /*background-color: lightgray;*/min-height:100px;">
            <h2 style="text-align: center">感谢信</h2>
            <form action="/releaseThank" method="post" id="thankForm">
                <table>
                    <tr>
                        <td style="text-align: right">感谢标题<span style="color: red">*</span>&nbsp;</td>
                        <td style="text-align: left;height: 28px;"><input type="text" name="title" rangelength="[4,23]" required style="width: 300px"></td>
                    </tr>
                    <tr class="kong"></tr>
                    <tr>
                        <td style="text-align: right;">感谢内容&nbsp;&nbsp;</td>
                        <td style="text-align: left;"><textarea id="detail" name="content" style="width:700px;height:300px;"></textarea></td>
                    </tr>
                    <tr class="kong"></tr>
                    <tr><td colspan="2"><input type="submit" value="朕要发布"></td></tr>
                </table>
            </form>

        </div>
    </div>
    <script src="js/jquery-validate/jquery.validate.min.js"></script>
    <script src="js/jquery-validate/messages_zh.js"></script>
    <script charset="utf-8" src="editor/kindeditor-all.js"></script>
    <script charset="utf-8" src="editor/lang/zh-CN.js"></script>
    <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
    <script>
        L2Dwidget.init({
            "model": {
                //jsonpath控制显示那个小萝莉模型，
                //(切换模型需要改动)
//				"https://unpkg.com/(live2d-widget-model-koharu)@1.0.5/assets/(koharu).model.json"
                jsonPath: "https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json",
                "scale": 1
            },
            "display": {
                "position": "right", //看板娘的表现位置
                "width": 150,  //小萝莉的宽度
                "height": 300, //小萝莉的高度
                "hOffset": 0,
                "vOffset": -20
            },
            "mobile": {
                "show": true,
                "scale": 0.5
            },
            "react": {
                "opacityDefault": 0.7,
                "opacityOnHover": 0.2
            }
        });
    </script>
    <script>
        $("#settled").load("/loadConstant");
        $(function () {
            // 手动实例化
            function kindEditor(id) {
                window.editor = KindEditor.create(id, {
                    width: '700px',
                    height: '300px',
                    uploadJson: '/upload',
                    allowFileUpload:false,
                    items : [
                        'undo', 'redo', '|', 'preview', 'print', 'template', 'cut', 'copy', 'paste',
                        'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
                        'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
                        'superscript', 'quickformat', 'selectall', '|', 'fullscreen', '/',
                        'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
                        'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image',
                        'insertfile', 'table', 'hr','emoticons', 'baidumap', 'pagebreak',
                        'anchor', 'link', 'unlink', '|','about'
                    ]   // 在这里可以删除不需要的功能
                })
            }
            kindEditor('#detail');

            /*jQuery.validator.addMethod("isP", function(value, element) {
                return !($("#promise").is(":checked") && value=="");
            }, "请输入酬金金额");*/
            $("#thankForm").validate();
        });
    </script>
</body>
</html>